*{margin: 0;padding: 0;}
body,a{color: #333;font-family: PingFang SC-Medium, PingFang SC;}
a{text-decoration: none;}
li,ul{list-style: none;}
img{max-width: 100%;}

.container{max-width: 1200px;margin: 0 auto;}
.header .cashierSystem a{font-size: 14px;background-color: #0066B2;color: #fff;    padding: 8px 16px;border-radius: 8px;display: inline-block;}
.header{display: flex;justify-content: space-between;align-items: center;padding: 26px 0;}
.header .logo{font-size: 0;}
.header .logo a{display: inline-block;font-size: 0;}
.header ul{display: flex;justify-content: space-between;position: relative}
.header ul a{display: block;margin:0 23px;font-weight: 500;font-size: 16px;color: #666666;letter-spacing: 1px;}
.header ul a:hover,.header ul a.on{color: #fff;font-weight: bold;color: #1B86B0;}
.header ul ul {
	display: none;
}
.header ul li a svg {
	margin-left: 3px;
}

.header ul>li:hover>ul {
	display: block;
}
.header ul ul {
	border-radius: 0;
	position: absolute;
	z-index: 99;
	top: 30px;
	padding: 0;
	box-shadow: 0 -1px 2px 0 rgb(225 231 255 / 30%), 0 4px 8px 0 rgb(133 138 180 / 32%);
	background-color: #fff;
	padding: 8px;
}

.header ul ul::after {
	content: "";
	position: absolute;
	top: -5px;
	left: 42%;
	pointer-events: none;
	width: 20px;
	height: 20px;
	background: #fff;
	transform: rotate(48deg);
	box-shadow: -3px -3px 7px -2px rgb(133 138 180 / 18%);
	border-radius: 4px;
}

.header ul ul::before {
	content: "";
	width: 138px;
	height: 20px;
	position: absolute;
	top: -20px;
	left: 0;
}


.header ul ul li {
	float: none;
}

.header ul ul li a {
	color: #3b426b;
	position: relative;
	z-index: 100;
	padding: 10px 20px;
	margin: 0;
}

.header ul ul li a:hover {
	background: #edf1f8;
}

.header ul ul ul {
	width: 100%;
	position: absolute;
	left: 100%;
	top: 50%;
}
.header .lang a.language{border: 1px solid #707070;padding: 8px 16px;border-radius: 8px;font-size: 14px;display: inline-block;}
.header .lang li img{vertical-align: middle;margin-right: 8px;}
.header .lang .dropdown{position: relative;}
.header .lang .dropdown .drop{height: 0;position: absolute;right: 0;top: 100%;background-color: #fff;color: #222;width: 107px;box-sizing: border-box;border-radius: 6px;box-shadow: 0px 8px 32px 1px rgba(0, 0, 0, 0.12);overflow: hidden;transition: all .2s linear;z-index: 9999;}
.header .lang .dropdown .drop span{display: block;padding: 4px 10px;cursor: pointer;border-bottom: 1px solid #fff;font-size: 14px;line-height: 26px;}
.header .lang .dropdown .drop span:last-child{border-bottom: none;}
.header .lang .dropdown .drop span:hover{background-color: #F3F3F3;}
.header .lang .dropdown:hover .drop{height:104px}

.page-title{font-size: 32px;color: #333;font-weight: bold;text-align: center;padding: 80px 0 59px;}
.page-banner{position: relative;font-size: 0;}
.page-banner .page-banner-text{position: absolute;left: 0;top: 0px;right: 0;bottom: 0;max-height: 105px; max-width: 1200px;margin: auto;}
.page-banner .page-banner-text h2{font-size: 52px;color: #fff;font-weight: 600;}
.page-banner .page-banner-text p{color: #FFF;opacity: 0.7;margin-top: 14px;font-size: 16px;}
.header .nav-pc{display: flex;}
.header .nav-move{display: none;}
.mobileMenuBtn{display: none;width: 30px;height: 30px;text-align: center;}
.mobileMenuBtn div {width: 26px;height: 3px;margin: 5px auto;border-radius: 10px;background: #ccc;transition: all 0.4s !important;}
.active-btn div:nth-of-type(1) {transform: translateY(9px) rotate(44deg);}
.active-btn div:nth-of-type(2) {opacity: 0;}
.active-btn div:nth-of-type(3) {transform: translateY(-7px) rotate(-46deg);}
.footer-flex {display: flex;justify-content: space-between;}
.footer-right{display: flex;}
.footer-right>div{text-align: center;position: relative;}
.footer-right>div img{width: 100px;transition: all .5s;}
.footer-right>div img:hover{width: 200px;position: relative;left: 0;bottom: 0;top: 0;right: 0;margin: auto; max-width: 200%;z-index: 99;}
.footer-right>div:nth-of-type(1){margin-right: 48px;}
.footer-right>div p{color: #FFFFFF;font-size: 13px;font-weight: 400;margin-top: 7px;}
footer .footer{background: #222222;padding: 40px 0;}
footer ul{display: flex;justify-content: space-between;padding-bottom:20px;max-width: 500px;border-bottom: 1px solid #666666;margin-bottom: 20px;}
footer a{color: #fff;font-size: 15px;}
footer a:hover{color:#fff}
footer .bottombar{color: #818e9e;font-size: 13px;font-weight: 500;color: #888888;margin-top: 8px;max-width: 688px;}
.banner img{width: 100%;}
.pc_show{display: block;}
.pc_hide{display: none;}
@media (max-width: 768px){
	.pc_show{display: none;}
	.pc_hide{display: block;}
	.header ul a{margin-left: 0;padding: 20px 0;}
	.page-title{padding-top: 60px;font-size: 24px;}
	.page-banner .page-banner-text{padding: 0 15px;display: flex;flex-direction: column;justify-content: center;}
	.page-banner .page-banner-text h2{font-size: 20px;}
	.page-banner .page-banner-text p{font-size: 14px;}
	.header{position: relative;padding: 15px;box-sizing: border-box;}
	.header .nav-pc{display: none;}
	.mobileMenuBtn{display: block;}
	.header .nav-move {position: absolute;left: 0;right: 0;margin: auto;top: 100%;width: 100%;background: #FFF;text-align: center;z-index: 999;box-shadow: 0px 4px 32px rgb(0 0 0 / 10%);padding-bottom: 10px;}
	footer ul{padding: 0 15px;padding-bottom: 20px;flex-wrap: wrap;}
	footer .bottombar{padding:0 15px;margin-bottom: 20px;line-height: 22px;font-size: 12px;}

	.header ul ul {
		padding: 0;
		position: static;
		box-shadow: none;
		display: block;
		height: 0;
		overflow: hidden;
		transition: all 0.3s;
	}
	.down ul.active {
		height: 100px;
	}
	.header .logo img{max-height: 40px;}
	.header ul ul::after,.header ul ul::before {display: none}
	.footer-flex{flex-wrap: wrap;justify-content: center;}
	.header .cashierSystem a{margin-top: 15px;display: inline-block;}
}